<script setup>
import { ref } from 'vue';
import {
    enrollment_sat
} from '@/api/app';

const enrollment = ref({})
enrollment_sat().then((res) => { enrollment.value = res.data || {} })
</script>

<template>
    <div class="foot">
        <div class="IP1S">

            <div class="IP1SO OPAl1 fx">
                <div class="IP1SOT">毛入学率</div>
                <div class="IP1SON">63.5<text>%</text></div>
            </div>

            <div class="IP1SO fx" style="width: 65%;">
                <div class="IP1SOT">高等教育招生总人数</div>
                <div class="IP1SON">{{ enrollment.total || '--' }}<text>人</text></div>
            </div>
        </div>
    </div>
</template>
<style lang="less">
.foot {
    width: 100%;

    .IP1S {
        width: 100%;
        align-items: flex-start;
        flex-flow: row wrap;
        justify-content: space-between;
        display: flex;
        align-items: center;

        .IP1SO {
            width: 31.8%;
            margin-bottom: 8px;
            flex-flow: column;
            justify-content: center;
            background: #23386e;
            border: 1px solid #6b8de0;
            cursor: pointer;
            display: flex;
            align-items: center;

            .IP1SOT {
                width: 100%;
                line-height: 1.4rem;
                text-align: center;
                white-space: nowrap;
                color: #fff;
                font-family: 'Microsoft YaHei';
                font-weight: 400;
                font-size: 0.7rem;
                background: linear-gradient(to bottom, #528fc3, #304a85);
                border-bottom: 1px solid #4f62b0;
            }

            .IP1SON {
                line-height: 1.2rem;
                padding: 0.1rem 0;
                background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(144, 220, 252, 1));
                background-clip: text;
                -webkit-background-clip: text;
                -webkit-text-fill-color: transparent;
                font-family: 'Microsoft YaHei';
                font-weight: 600;
                font-size: 0.75rem;
            }

            .IP1SON>text {
                font-weight: 400;
                font-size: 0.7rem;
                margin-left: 2px;
            }
        }
    }
}
</style>